﻿/// <reference path="../jquery/jquery-1.3.2-vsdoc.js" />
/// <reference path="Complaint.Namespaces.js" />
/// <reference path="Complaint.Common.js" />

$(function() {
    $(".ui-icon-close").click(function(evt) {
        $(evt.target).parent().remove();
    });

    $("#aliasDialog").dialog({
        autoOpen: false,
        bgiframe: true,
        modal: true,
        width: 400,
        buttons:
                {
                    "Cancel": function() {
                        $(this).dialog("close");
                    },
                    "Ok": function() {
                        if (!$("form#alias").validate().form())
                            return false;
                        processAlias();
                        $(this).dialog("close");
                    }
                }
    });

    $("#addAlias").click(function(evt) {
        evt.preventDefault();
        $("#aliasDialog").load(Complaint.Common.SiteRoot + "/Organisation/AddAlias", {},
                function() {
                    $("#aliasDialog").dialog("open");
                });
    });

    //hover states on the static widgets
    $("#addAlias, .ui-icon-close").hover(
					function() { $(this).addClass('ui-state-hover'); },
					function() { $(this).removeClass('ui-state-hover'); }
				);
});

var processAlias = function() {
    var del = $("<span class=\"ui-icon ui-icon-closethick\"></span>")
                                        .hover(
				                            function() { $(this).addClass('ui-state-hover'); },
				                            function() { $(this).removeClass('ui-state-hover'); }
			                            )
                                        .click(function(evt) {
                                            $(evt.target).parent().remove();
                                        });
    if ($("#aliasList").length > 0) {
        if ($("#aliasList").children("#Alias").length == 0) {
            $("#aliasList").append(
                                    $("<li>" + $("#Alias").attr("value") + "</li>")
                                    .attr("id", $("#Alias").attr("value"))
                                    .append($(del))
                                );
        }
        //else
        //TODO: alert user alias already exists
    }
    else {
        list = $("<ul />")
            .attr("id", "aliasList")
            .addClass("button_list");
        $(list).append(
                                    $("<li>" + $("#Alias").attr("value") + "</li>")
                                    .attr("id", $("#Alias").attr("value"))
                                    .append($(del))
                                );
        $("#alias > p#noItemsMsg").replaceWith($(list));
    }
}